<div class="page_pay">
    <header class="navbar navbar-default navbar-fixed-top container-fuild">
        <div class="row clearfix">
            <div class="col-xs-4 go text-left text-primary">
                <button ui-sref="ordercenter" class="btn icon-ss-left">返回</button>
            </div>
            <div class="col-xs-4 text-center title text-primary">
                订单详情
            </div>
            <div class="col-xs-4 text-right" ng-show="order_info.order_status == 0 && payment_info.payment_status < 10">
                <a class="btn text-info" ng-click="cancelOrder(order_info.order_id)">取消订单</a>
            </div>
        </div>
    </header>
    <article>
        <section class="address">
            <p><span class="name" ng-bind="ship_info.consignee"></span><span ng-bind="ship_info.mobile">1868144912</span></p>
            <p>{{ship_info.city_name}} {{ship_info.region_name}} {{ship_info.address}}</p>
        </section>
        <section class="boundary container-fuild">
            <hr>
            <div class="orderid text-center">订单号：{{order_info.order_id}} <i class="state text-info">{{order_info.order_status_name}}</i></div>
        </section>
        <section class="comlist container-fuild clearfix">
            <div class="comOne clearfix" ng-repeat="comOne in order_commoditys">
                <div class="col-xs-4">
                    <img ng-src="{{comOne.brief_pic}}" alt="">
                </div>
                <div class="col-xs-8">
                    <p ng-bind="comOne.name"></p>
                    <p><i class="text-info">￥{{comOne.settle_price|number:2}}</i> x {{comOne.order_num|number:2}}</p>
                </div>
            </div>
        </section>
        <section class="extrainfo container-fuild clearfix">
            <div class="row clearfix">
                <div class="col-xs-6 text-left">数量：</div>
                <div class="col-xs-6 text-right">{{countNum()}}个</div>
            </div>
            <div class="row clearfix">
                <div class="col-xs-6 text-left">商品金额：</div>
                <div class="col-xs-6 text-right text-info">+￥{{payment_info.commoditys_payment}}</div>
            </div>
            <div class="row clearfix">
                <div class="col-xs-6 text-left">运费：</div>
                <div class="col-xs-6 text-right text-info">+￥{{payment_info.shipping_payment}}</div>
            </div>
            <div class="row clearfix">
                <div class="col-xs-6 text-left">优惠金额：</div>
                <div class="col-xs-6 text-right text-success">-￥0.00</div>
            </div>
            <div class="row clearfix" ng-show="payment_info.payment_status == 1 && order_info.order_status < 20">
                <div class="way">
                    <div class="col-xs-3 text-center"></div>
                    <div class="col-xs-7">微信支付</div>
                    <div class="col-xs-2 glyphicon glyphicon-check"></div>
                </div>
            </div>
        </section>
        <footer class="navbar navbar-default navbar-fixed-bottom container-fuild">
            <div class="">
                <div class="col-xs-6">合计：<i class="text-info">￥{{payment_info.should_payment}}</i></div>
                <div class="col-xs-6 text-right" ng-show="payment_info.payment_status == 1 && order_info.order_status < 20">
                    <button class="btn btn-info" ng-click="toPay()">去支付</button>
                </div>
            </div>
        </footer>
    </article>
</div>
